<template>
  <div class="list-meta">
    <span class="date">
      <i class="iconfont icon-shijian-copy" title="创建日期"></i>
      <span>{{createAt.slice(0,10)}}</span>
    </span>
    <span class="views" title="作者">
      <i class="iconfont icon-zuozhe1"></i>
      <i class="logoutImg"></i>
      <span>{{author}}</span>
    </span>
    <span class="comments" title="浏览数">
      <i class="iconfont icon-liulanliang"></i>
      <span>{{readingQuantity}}</span>
    </span>
    <!-- <span class="likes" title="点赞">
      <i class="iconfont icon-yy-tianjia"></i>
      <span>{{article.love}}</span>
    </span> -->
  </div>
</template>
<script>
export default{
  props: {
    author: {
      type: String,
      default: '于梦中'
    },
    createAt: {
      type: String,
      default: ''
    },
    love: {
      type: Number,
      default: 0
    },
    readingQuantity: {
      type: Number,
      default: 0
    }
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.list-meta {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  display: flex;
  justify-content: flex-start;
  > .date,
    > .views,
    > .comments,
    > .likes {
      margin-right: 10px;
    }
}
</style>
